<f:subview xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<h3>
		<h:outputText value="#{analyzerMB.timeFrameText}" />
	</h3>

	<div style="float: left; margin-right: 20px;">

		<rich:dataTable value="#{analyzerMB.operatingsystem}" var="record"
			columns="2">
			<rich:column>
				<f:facet name="header">
					<h:outputText value="Operating System" />
				</f:facet>
				<h:outputText value="#{record[0]}" />
			</rich:column>
			<rich:column>
				<f:facet name="header">
					<h:outputText value="%" />
				</f:facet>
				<h:outputText value="#{record[1]}%" />
			</rich:column>
		</rich:dataTable>
	</div>
	<div style="float: left; margin-right: 20px;">

		<rich:dataTable id="tableId" value="#{analyzerMB.browser}"
			var="record" columns="2">

			<rich:column id="browser"  sortOrder="descending">
				<f:facet name="header">
					<a
						onclick="#{rich:component('tableId')}.sort('browser');return false"
						href="#">Browser</a>
				</f:facet>
				<h:outputText value="#{record[0]}" />
			</rich:column>


			<rich:column id="per" sortBy="#{record[1]}" sortOrder="descending">
				<f:facet name="header">
					<a onclick="#{rich:component('tableId')}.sort('per');return false"
						href="#">%</a>
				</f:facet>
				<h:outputText value="#{record[1]}%" />
			</rich:column>
		</rich:dataTable>
	</div>
	<div style="float: left">
		<rich:dataTable value="#{analyzerMB.browserType}" var="record"
			columns="2">
			<rich:column>
				<f:facet name="header">
					<h:outputText value="Browser Type" />
				</f:facet>
				<h:outputText value="#{record[0]}" />
			</rich:column>
			<rich:column>
				<f:facet name="header">
					<h:outputText value="%" />
				</f:facet>
				<h:outputText value="#{record[1]}%" />
			</rich:column>
		</rich:dataTable>
	</div>
	<div style="clear: left" />


</f:subview>